<template>
    <div>
        <div class="check-button" :class="{check:isChecked}">
            <img src="~/assets/img/cart/tick.svg" alt="">
        </div>
    </div>
</template>
<script>
export default {
    name:'CheckButton',
    props:{
        isChecked:{
            type:Boolean,
            default(){
                return false
            }
        }
    },
    // props:['isChecked'],
    data() {
        return {
            
        }
    },
    // watch: {
    //     isChecked(val){
    //         console.log(val)
    //     }
    // },
}
</script>
<style scoped>
.check-button {
    position: relative;
    margin: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #ccc;
    cursor: pointer;
}

.check {
    background-color: #ff8198;
    border-color: #ff8198;
}
</style>